<html>
    <head>
        <style>
            *{ margin:0px; padding:0px; }
            body{ font:normal 12px "Times New Roman",Tahoma,宋体; }
            img,a img{ border:0px; }
            ol, ul ,li{ list-style:none; }
            /*整个页面DIV*/
            #header ,#centers ,#footer{ width:100%; margin:0px 3px; clear:both; }
            /*页面头部DIV*/
            #header{ height:100px; border:1px solid #CCCCCC; background-color: blue; }
            /*页面中部DIV*/
            #centers{ padding:8px 0; min-width:800px; }
            #centers_left{ float:left; width:200px; border:1px solid #00CC66; background-color:#F7F7F7; margin-right:5px; text-align: center; } 
            #centers_right{ float:left; min-width:500px; border:1px solid #00CC66; background-color:#F7F7F7; }
            /*页脚DIV*/
            #footer{ height:50px; border:1px solid #CCCCCC; background-color:#F2F2F2;text-align:center; }
            /*左边菜单*/
            .menutitle{ height: 40px;background-color: gray;line-height: 40px;font-size: 20px;font-weight: bold;color: gold; }
            .menuitem{ height: 30px;line-height: 30px;font-size: 16px;}
        </style>
        {% block header %}{% endblock %}
    </head>
    <body>
        <div id="header">
            <span style="font-size: 50px;font-weight: bold;font-family: 华文行楷;color: yellow;line-height: 100px;">企业门户网站后台管理系统</span>
        </div>
        <div id="centers">
            <div id="centers_left">
                <div style="padding: 10px 0px;">
                    <span style="font-size: 24px;font-weight: bold;font-family: 华文琥珀;">功能导航</span>
                </div>
                <hr>
                <div class="menutitle">公司简介</div>
                <div class="menuitem">
                    <a href="/about/qygk/">企业概况</a>
                </div>
                <div class="menuitem">
                    <a href="">荣誉资质</a>
                </div>
                <div class="menutitle">新闻动态</div>
                <div class="menuitem">
                    <a href="/news/qyxw/">企业新闻</a>
                </div>
                <div class="menuitem">
                    <a href="">行业新闻</a>
                </div>
                <div class="menuitem">
                    <a href="">通知公告</a>
                </div>
                <div class="menutitle">产品中心</div>
                <div class="menuitem">
                    <a href="/product/cp1/">产品1</a>
                </div>
                <div class="menuitem">
                    <a href="">产品2</a>
                </div>
                <div class="menutitle">人才招聘</div>
                <div class="menuitem">
                    <a href="/contact/zpgg/1">招聘公告</a>
                </div>
                <div class="menuitem">
                    <a href="">录取公告</a>
                </div>
            </div>
            <div id="centers_right">
                {% block content %}{% endblock %}
            </div>
            <div style="clear: both;"></div>
        </div>
        <div id="footer">
            <span style="font-size: 20px;line-height: 50px;">开发者：xxx；版权所有：&copy;湖州职业技术学院</span>
        </div>
    </body>
</html>